<template>
  <div  class="print-container">
    <div :id="printId" class="print-content">
      <el-form class="">
        <div class="print-title">入库单</div>
        <div class="print-time">
          2020-09-19 17::00
        </div>
        <el-row>
          <el-col :span="6">
            <el-form-item label="入库单号">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="入库类型">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="入库仓库">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="入库人">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="来源单号">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
        </el-row>
        <data-table
          :has-action="false"
          :is-show-page="false"
          :value="tableData"
          :table-column-attributes="tableColumns"
          :width="160"
        >
        </data-table>
        <div class="text-right">
          总金额：<span class="total-value">12321.00</span>
        </div>
      </el-form>

      <!-- <div>
        采购人员：<span class="total-value">12321</span>
        联系方式：<span class="total-value">12321.00</span>
      </div> -->
    </div>
  </div>
</template>

<script>
import DataTable from '@/components/DataTable'

export default {
  components: { DataTable },
  props: ['printId'],
  data() {
    this.tableColumns = [
      { name: '精品编号', value: '', type: 'text' },
      { name: '精品名称', value: '', type: 'text' },
      { name: '一级类别', value: '', type: 'text' },
      { name: '二级类别', value: '', type: 'text' },
      { name: '入库单价', value: '', type: 'text' },
      { name: '入库总价', value: '', type: 'text' },
      { name: '供应商', value: '', type: 'text' },
      { name: '仓库', value: '', type: 'text' }
    ]

    return {
      tableData: []
    }
  }
}
</script>

<style>

</style>
